<template>
  <div class="view">
    <h1 class="title">
      欢迎使用低代码平台
    </h1>
    <h3>在这个系统中，您可以通过左侧组件拖拽和右侧组件属性配置快速生成H5页面并且管理发布，快来使用体验吧！！👇</h3>
    <h3><a href="https://gitee.com/a-prodigal-son/low-code">前往项目仓库地址</a></h3>
    <el-button type="primary" @click="goActivity">
      点击使用
    </el-button>
    <img src="../../assets/welcome.gif" class="welcome">
  </div>
</template>

<script>
// import { mapGetters } from 'vuex'
export default {
  data() {
    return {}
  },
  methods: {
    goActivity() {
      this.$router.push('/activity')
    }
  }
}
</script>

<style lang="less" scoped>
.view {
  width: 100%;
  height: 90vh;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow: scroll;
  overflow-x: hidden;
  .welcome{
    width: 90%;
    margin-top: 20px;
  }

    h1{
      padding-top: 40px;
      margin-bottom: 20px;
    }
    h3{
      margin-bottom: 20px;
    }
}
</style>
